<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta charset="utf-8"/>
	<title>Table of Contents</title>
</head>
<body>

<div class="TOC">

<ul>
<li><a href="#secondlevel">Second Level</a></li>
<li><a href="#firstlevel">First Level</a>
<ul>
<li><a href="#secondlevelb">Second Level b</a>
<ul>
<li><a href="#thirdlevel">Third Level</a></li>
</ul>
</li>
<li><a href="#secondlevelc">Second Level c</a></li>
</ul>
</li>
<li><a href="#firstlevelb">First Level b</a>
<ul>
<li><a href="#thirdlevelb">Third Level b</a></li>
<li><a href="#secondleveld">Second level d</a>
<ul>
<li><a href="#thirdleveld">Third level d</a>
<ul>
<li><a href="#fourthleveld">Fourth level d</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#firstlevele">First level</a>
<ul>
<li><a href="#secondlevele">Second level</a></li>
</ul>
</li>
</ul>
</div>

<div class="TOC">

<ul>
<li><a href="#secondlevel">Second Level</a></li>
<li><a href="#secondlevelb">Second Level b</a>
<ul>
</ul>
</li>
<li><a href="#secondlevelc">Second Level c</a></li>
<li><a href="#secondleveld">Second level d</a>
<ul>
</ul>
</li>
<li><a href="#secondlevele">Second level</a></li>
</ul>
</div>

<div class="TOC">

<ul>
<li><a href="#secondlevel">Second Level</a></li>
<li><a href="#secondlevelb">Second Level b</a>
<ul>
<li><a href="#thirdlevel">Third Level</a></li>
</ul>
</li>
<li><a href="#secondlevelc">Second Level c</a></li>
<li><a href="#thirdlevelb">Third Level b</a></li>
<li><a href="#secondleveld">Second level d</a>
<ul>
<li><a href="#thirdleveld">Third level d</a>
<ul>
</ul>
</li>
</ul>
</li>
<li><a href="#secondlevele">Second level</a></li>
</ul>
</div>

<p>foo {{TOC}}</p>

<p>foo {{TOC:2}}</p>

<p>foo {{TOC:2-3}}</p>

<pre><code>{{TOC}}

{{TOC:2}}

{{TOC:2-3}}
</code></pre>

<h2 id="secondlevel">Second Level</h2>

<div class="TOC">

<ul>
<li><a href="#secondlevel">Second Level</a></li>
<li><a href="#firstlevel">First Level</a>
<ul>
<li><a href="#secondlevelb">Second Level b</a>
<ul>
<li><a href="#thirdlevel">Third Level</a></li>
</ul>
</li>
<li><a href="#secondlevelc">Second Level c</a></li>
</ul>
</li>
<li><a href="#firstlevelb">First Level b</a>
<ul>
<li><a href="#thirdlevelb">Third Level b</a></li>
<li><a href="#secondleveld">Second level d</a>
<ul>
<li><a href="#thirdleveld">Third level d</a>
<ul>
<li><a href="#fourthleveld">Fourth level d</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#firstlevele">First level</a>
<ul>
<li><a href="#secondlevele">Second level</a></li>
</ul>
</li>
</ul>
</div>

<h1 id="firstlevel">First Level</h1>

<h2 id="secondlevelb">Second Level b</h2>

<h3 id="thirdlevel">Third Level</h3>

<h2 id="secondlevelc">Second Level c</h2>

<h1 id="firstlevelb">First Level b</h1>

<h3 id="thirdlevelb">Third Level b</h3>

<h2 id="secondleveld">Second level d</h2>

<h3 id="thirdleveld">Third level d</h3>

<h4 id="fourthleveld">Fourth level d</h4>

<div class="TOC">

<ul>
<li><a href="#secondlevel">Second Level</a></li>
<li><a href="#firstlevel">First Level</a>
<ul>
<li><a href="#secondlevelb">Second Level b</a>
<ul>
<li><a href="#thirdlevel">Third Level</a></li>
</ul>
</li>
<li><a href="#secondlevelc">Second Level c</a></li>
</ul>
</li>
<li><a href="#firstlevelb">First Level b</a>
<ul>
<li><a href="#thirdlevelb">Third Level b</a></li>
<li><a href="#secondleveld">Second level d</a>
<ul>
<li><a href="#thirdleveld">Third level d</a>
<ul>
<li><a href="#fourthleveld">Fourth level d</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#firstlevele">First level</a>
<ul>
<li><a href="#secondlevele">Second level</a></li>
</ul>
</li>
</ul>
</div>

<h1 id="firstlevele">First level</h1>

<h2 id="secondlevele">Second level</h2>

</body>
</html>

